<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biblioteca Web</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
    function submit(){
      document.filtro.submit();
    }
    function getRadioValue(){

        var objValores = 0;

        for (var i = 0;i < document.filtro.elements.length;i++){
            if (document.filtro.elements[i].type == "radio"){
                objValores++;
                }
            }

        if(objValores == 1){
            var objHidden = document.getElementById("idLibroReserva");
            objHidden.value = document.filtro.idLibro.value;
        }
        else{
            for (i = 0; i < document.filtro.idLibro.length; i++) {
                if (document.filtro.idLibro[i].checked){
                     var objHidden = document.getElementById("idLibroReserva");
                     objHidden.value = document.filtro.idLibro[i].value;
                }
            }
        }
    }
</script>

<body>

<div ALIGN="CENTER">
  <a href="index.jsp"><img src="images/logo_biblio.gif" alt="Biblioteca Web" 
    title="Biblioteca Web" border="0" /></a>
</div>
<div id="bodymiddlePan">
<h2>Catálogo de libros</h2>
</div>
<form action="FiltroServlet" method="post" name="filtro">
    <table style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:15px; font-weight:bold; color: #fff;" align="center">
        <tr>
            <td>Título del libro:</td>
            <td><input type="text" name="nombreLibro" size="60"/></td>
            <td><a href="javascript: submit()"><img src="images/zoom.png" border="0" /></a></td>
        </tr>
    </table>
    <br />
    <table width="700" cellspacing="1" border="1" align="center" 
        bgcolor="gray" style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:12px; color: #fff;">
        <tr height="70">
            <td align="center">Código</td>
            <td align="center">Nombre del libro</td>
            <td align="center">Autor</td>
            <td align="center">Ejemplares</td>
        </tr>
        <c:forEach var="libro" items="${filtroLibro}">
        <tr>
            <td align="center"><input type="radio" name="idLibro" value="${libro.idLibro}" id="rdLibros"></td>
            <td>${libro.tituloLibro}</td>
            <td>${libro.nombreAutor}</td>
            <c:if test="${libro.numeroEjemplares==0}"><td style="color:red">${libro.numeroEjemplares}</td></c:if>
            <c:if test="${libro.numeroEjemplares>0}"><td>${libro.numeroEjemplares}</td></c:if>
        </tr>
        </c:forEach>
    </table>
</form>
    <br />
    <br />
<form action="ReservaServlet" method="post" name="reserva">
    <table style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:15px; font-weight:bold; color: #fff;" align="center">
        <tr>
            <td>Seleccione un libro y luego click en</td>
            <td><input type="submit" value="Reservar" onclick="getRadioValue()"/></td>
            <input type="hidden" name="idLibroReserva" id="idLibroReserva" >
        </tr>
    </table>
    <br />
</form>
    <br />
    <br />
</body>
</html>